<template>
  <div ref="print" v-show="isPreview" style="width:100%; margin: 0 auto;">
    <div v-for="(item, index) in data.data" :key="index">
      <!-- 三方融资查询 bq燃油 批量打印 -->
      <table v-if="item.salesCompany == 25551001" class="fs16">
        <tr>
          <img src="@/assets/img/beijing.png" style="width:224px;height:24px; padding:40px;" />
          <td align="right" style="width:100%;font-size:16px;text-decoration: underline;">{{ item.applyNo }}</td>
        </tr>
        <tr>
          <td align="center" style="font-weight:bold;font-size:22px;padding-top:50px;">北京汽车股份有限公司</td>
        </tr>
        <tr>
          <td align="center" style="font-weight:bold;font-size:22px;padding-bottom:50px;">银行承兑汇票办理通知单</td>
        </tr>
        <tr>
          <td style="padding:0 40px;line-height: 30px;"><span style="text-decoration:underline">{{ item.bankName }}</span>：</td>
        </tr>
        <tr>
          <td style="text-indent: 2em;padding:0 40px;line-height: 30px;">
            <span style="text-decoration:underline">{{ item.dealerName }}</span>是北京汽车股份有限公司授权经销商，并为贵行汽车销售金融服务网络的成员单位，我公司同意该经销商本次办理三方协议项下银行承兑汇票<span style="text-decoration:underline">{{ item.billAmount }}</span>万元整，期限<span style="text-decoration:underline">{{
              item.billDeadlineName
            }}</span>。我司已通知该经销商前往贵行办理出票事宜。
          </td>
        </tr>
        <tr>
          <td style="text-indent: 2em;padding:0 40px;line-height: 30px;">
            我公司承诺，在收到贵行开出的以北京汽车销售有限公司为收款人的银行承兑汇票后，保证在15日之内分批发出该笔汇票项下汽车并将相应汽车合格证移交贵行，同时做好该经销商的日常销售监控工作，督促其在银行承兑汇票到期日前及时全额还款。
          </td>
        </tr>
        <tr>
          <td style="text-align:right;padding:50px 40px 0;line-height: 30px;">北京汽车股份有限公司</td>
        </tr>
        <tr>
          <td style="text-align:right;padding:0 40px;line-height: 30px;">{{ item.applyDateNew }}</td>
        </tr>
        <tr>
          <td style="height:480px;">&nbsp;</td>
        </tr>
      </table>

      <!-- 三方融资查询 bq新能源 批量打印 -->
      <table v-if="item.salesCompany == 25551002" class="fs16">
        <tr>
          <img src="@/assets/img/finance-top.png" style="width:50%;height:70px;" alt="" />
          <td align="right" style="width:100%;font-size:16px;text-decoration: underline;">{{ item.applyNo }}</td>
        </tr>
        <tr>
          <td align="center" style="font-weight:bold;font-size:22px;padding-top:50px;">北汽新能源汽车营销有限公司</td>
        </tr>
        <tr>
          <td align="center" style="font-weight:bold;font-size:22px;padding-bottom:50px;">银行承兑汇票办理通知单</td>
        </tr>
        <tr>
          <td style="padding:0 40px;line-height: 30px;">{{ item.bankName }}：</td>
        </tr>
        <tr>
          <td style="text-indent: 2em;padding:0 40px;line-height: 30px;">
            {{ item.dealerName }}是北汽新能源汽车营销有限公司授权经销商，并为贵行汽车销售金融服务网络的成员单位，我公司同意该经销商本次办理三方协议项下银行承兑汇票{{ item.billAmount }}万元整、 期限{{
              item.billDeadlineName
            }}用于购进北汽{{ item.salesCompanyName }}车辆{{ item.reservedModel }}，收款方{{ item.payeeNew }}。 我司已通知该经销商前往贵行办理出票事宜。
          </td>
        </tr>
        <tr>
          <td style="text-indent: 2em;padding:0 40px;line-height: 30px;">
            我公司承诺，在收到贵行开出的以我公司为收款人或者我公司指定收款人的银行承兑汇票后，保证在15日之内分批发出该笔汇票项下汽车并将相应汽车合格证移交贵行，同时做好该经销商的日常销售监控工作，督促其在银行承兑汇票到期日前及时全额还款。
          </td>
        </tr>
        <tr>
          <td style="text-align:right;padding:50px 40px 0;line-height: 30px;">北汽新能源汽车营销有限公司</td>
        </tr>
        <tr>
          <td style="text-align:right;padding:0 40px;line-height: 30px;">{{ item.applyDateNew }}</td>
        </tr>
        <tr>
          <td style="height:420px; ">&nbsp;</td>
        </tr>
        <tr>
          <td style="padding:0 40px;">
            <img src="@/assets/img/finance-down.png" style=" width:100%;height:70px; " alt="" />
          </td>
        </tr>
      </table>
    </div>
  </div>
</template>
<style scoped>
* {
  margin: 0;
  padding: 0;
}
</style>
<script>
/**
 * @Author: 焦质晔
 * @Date: 2019/4/22
 * @Last Modified by:   焦质晔
 * @Last Modified time: 2019-04-22 15:45:09
 **/
import moment from 'moment';

export default {
  name: 'template1',

  props: {
    data: {
      type: Object,
      required: true,
      default() {
        return {
          data: []
        };
      }
    },
    isPreview: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      nowTime: moment().format('YYYY-MM-DD HH:mm:ss')
    };
  },

  methods: {
    fillInToDom() {
      this.isPreview = true;
    }
  },
  mounted() {
    this.$emit('onPrintTable', this.$refs.print.innerHTML);
    if (this.isPreview) {
      this.fillInToDom();
    }
  }
};
</script>
